<template>
  <div id="app" class="app-page" :class="!$route.meta.hideTabBar?'tab-bar-page':''">
    <keep-alive include="">
      <router-view />
    </keep-alive>
    <tab-bar v-if="!$route.meta.hideTabBar"></tab-bar>
  </div>
</template>
<script>
import TabBar from './components/TabBar'
export default {
  components: {
    TabBar
  }
}
</script>
<style lang="less">
html,body{
  height: 100%;
}
.app-page{
  height: 100%;
  box-sizing: border-box;
  overflow: auto;
}
.tab-bar-page{
  height: calc(100% - 100px);
}
</style>
